<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Highcharts Example</title>

		<script type="text/javascript" src="javascript/jquery.min.js"></script>
		<script type="text/javascript">
	$(function() {
		var chart;
		$(document).ready(
				function() {
					chart = new Highcharts.Chart( {
						chart : {
							renderTo : 'container',
							type : 'column'
						},
						title : {
							text : '手机客户端活跃用户统计'
						},
						subtitle : {
							text : '来自: 文山三七手机助手手机客户端活跃用户统计'
						},
						xAxis : {
							categories : [ '一月', '二月', '三月', '四月', '五月',
									'六月', '七月', '八月', '九月', '十月', '十一月',
									'十二月' ]
						},
						yAxis : {
							min : 0,
							title : {
								text : '单位 (个)'
							}
						},
						legend : {
							layout : 'vertical',
							backgroundColor : '#FFFFFF',
							align : 'left',
							verticalAlign : 'top',
							x : 100,
							y : 70,
							floating : true,
							shadow : true
						},
						tooltip : {
							formatter : function() {
								return '' + this.x + ': ' + this.y + ' 个';
							}
						},
						plotOptions : {
							column : {
								pointPadding : 0.2,
								borderWidth : 0
							}
						},
						series : [
								{
									name : '活跃用户',
									data : [ 49, 71, 106, 129, 144,
											176, 135, 148, 216, 194,
											95, 54 ]

								}]
					});
				});

	});
</script>
	</head>
	<body>
		<script src="common/Highcharts-2.3.3/js/highcharts.js"></script>
		<script src="common/Highcharts-2.3.3/js/modules/exporting.js"></script>

		<div id="container"
			style="min-width: 400px; height: 400px; margin: 0 auto"></div>

	</body>
</html>
